<!DOCTYPE html>
<!-- saved from url=(0046)http://localhost:8888/ResumeThemes/web_cv2/cn/ -->
<html class="csstransforms csstransforms3d csstransitions"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, maximum-scale=1">
<title>xia.wu.co-things.com</title>

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<script src="./xia.wu.co-things.com_files/jquery.min.js"></script>
<script src="./xia.wu.co-things.com_files/bootstrap.min.js"></script>

<link rel="icon" href="http://webthemez.com/demo/john-bootstrap-one-page-html5-free-resume-template/favicon.png" type="image/png">
<link href="./xia.wu.co-things.com_files/bootstrap.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="./xia.wu.co-things.com_files/jquery.fancybox.css" type="text/css" media="screen">
<link href="./xia.wu.co-things.com_files/style.css" rel="stylesheet" type="text/css"> 
<link href="./xia.wu.co-things.com_files/font-awesome.css" rel="stylesheet" type="text/css"> 
<link href="./xia.wu.co-things.com_files/animate.css" rel="stylesheet" type="text/css">

<!--[if lt IE 9]>
    <script src="js/respond-1.1.0.min.js"></script>
    <script src="js/html5shiv.js"></script>
    <script src="js/html5element.js"></script>
<![endif]-->
 
<style type="text/css">.fancybox-margin{margin-right:0px;}</style><style type="text/css">.fancybox-margin{margin-right:0px;}</style></head>
<body cz-shortcut-listen="true">
	 
<div id="myCarousel" class="carousel slide" data-ride="carousel"> 
  <!-- Indicators -->
  
  <div class="carousel-inner">
    <div class="item active"> <img src="./xia.wu.co-things.com_files/slider7.jpg" style="width:100%" alt="First slide">
      <div class="container">
        <div id="slider_title" class="carousel-caption">
          <h1>Design Kit</h1>
        </div>
      </div>
    </div>
    <div class="item"> <img src="./xia.wu.co-things.com_files/slider1.jpg" style="width:100%" data-src="" alt="Second    slide">
      <div class="container">
        <div id="slider_title" class="carousel-caption">
          <h1>Plans &amp; Devs</h1>
        </div>
      </div>
    </div>
    <div class="item"> <img src="./xia.wu.co-things.com_files/slider4.png" style="width:100%" data-src="" alt="Third slide">
      <div class="container">
        <div id="slider_title" class="carousel-caption">
          <h1>M-Commerce Platform</h1>
        </div>
      </div>
    </div>
  </div>
  <a class="left carousel-control" href="http://localhost:8888/ResumeThemes/web_cv2/cn/#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-menu-left"></span></a> <a class="right carousel-control" href="http://localhost:8888/ResumeThemes/web_cv2/cn/#myCarousel" data-slide="next"><span class="glyphicon glyphicon-menu-right"></span></a>
</div>

 
<!--Header_section-->
<header id="header_wrapper" style="position: relative; top: auto; z-index: 1000;" class="">
  <div class="container">
    <div class="header_box">
      <!--<div class="logo"><a href="#">Resume</a></div>-->
	  <nav class="navbar navbar-inverse" role="navigation">
      <div class="navbar-header">
        <button type="button" id="nav-toggle" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
        </div>
	    <div id="main-nav" class="collapse navbar-collapse navStyle" style="background: none;">
			<ul class="nav navbar-nav" id="mainNav">
			  <li class="active"><a href="http://localhost:8888/ResumeThemes/web_cv2/cn/#" class="scroll-link">Home</a></li>
			  <li class=""><a href="http://localhost:8888/ResumeThemes/web_cv2/cn/#aboutUs" class="scroll-link">About Me</a></li>
			  <li class=""><a href="http://localhost:8888/ResumeThemes/web_cv2/cn/#service" class="scroll-link">My Skills</a></li>
			  <li class=""><a href="http://localhost:8888/ResumeThemes/web_cv2/cn/#formation" class="scroll-link">Degrees</a></li> 
			  <li class=""><a href="http://localhost:8888/ResumeThemes/web_cv2/cn/#profexperience" class="scroll-link">Professional Experience</a></li> 
			  <li class=""><a href="http://localhost:8888/ResumeThemes/web_cv2/cn/#contact" class="scroll-link">Contact</a></li>
			  
			  <!-- multi-lang -->
			  <div id="multilang">
                  <li class="lang" id="chn"><a href="http://wuxia.co-things.com/cn/"><img src="./xia.wu.co-things.com_files/chn_flag.png" alt="Chinese" width="25" height="25"></a></li>
                  <li class="lang" id="fr"><a href="http://wuxia.co-things.com/fr/"><img src="./xia.wu.co-things.com_files/fr_flag.png" alt="French" width="25" height="25"></a></li>
                  <li class="lang" id="eng"><a href="http://wuxia.co-things.com/en/"><img src="./xia.wu.co-things.com_files/eng_flag.png" alt="English" width="25" height="25"></a></li>
                  <li class="lang" id="download"><a href="http://localhost:8888/ResumeThemes/web_cv2/cn/pdf/cv.pdf"><img src="./xia.wu.co-things.com_files/download_icon.png" alt="Download" width="25" height="25"></a></li>
			  </div>
			</ul>
      </div>
	 </nav>
    </div>
  </div>
</header><div></div><div style="width: 1280px; height: 80px; float: none; display: none;"></div>
<!--Header_section--> 

<section id="aboutUs"><!--Aboutus-->
<div class="inner_wrapper about-us aboutUs-container fadeInLeft animated wow animated animated" style="visibility: visible; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;">
  <div class="container">
    <h2>About Me</h2>
	<h6>A persone who loves Nature and It's creations</h6>
    <div class="inner_section">
 <div class="row">
      <div class="col-md-6"> <img id="image_responsive" class="img-responsive" src="./xia.wu.co-things.com_files/about1.png" align=""> </div>
      <div class="col-md-6">
        <h3>My Passion</h3>
        <p>Lorem ipsum dolor sit amet, quo meis voluptaria, erant bonorum albucius et per, ei placerat eu, te eos porro veniam. An everti maiorum detracto mea. Eu eos dicam voluptaria, erant bonorum albucius et per, ei sapientem accommodare est. Saepe dolorum constituam ei vel. Te sit malorum ceteros repudiandae, ne tritani adipisci vis.</p> 

									<ul class="about-us-list">
										<li class="points">Consectetur Morbi sagittis, sem quisci ipsum gravida tortor</li> 
                                        <li class="points">Sagittis, sem quis lacinia faucibus, orci ipsum gravida </li>
										<li class="points">Ipsum dolor sit amet, consectetur Morbi sagittis, sem quisci</li>
									</ul><!-- /.about-us-list -->
								 
      </div>
    </div>
	     </div>
  </div> 
  </div>
</section>
<!--Aboutus--> 


<!--Service-->
<section id="service">
  <div class="container">
    <h2>My Skills</h2>
	<h6>Lorem ipsum dolor sit amet, consectetur Morbi sagittis, sem quisci ipsum</h6>
    <div class="service_wrapper">
      <div class="row">
        <div class="col-md-3">
		<div class="service_icon delay-03s animated wow  zoomIn animated" style="visibility: hidden; -webkit-animation-name: none; animation-name: none;"> <span><i class="fa fa-tree"></i></span> </div>
          <div class="service_block">
            
            <h3 class="animated fadeInUp wow animated" style="visibility: hidden; -webkit-animation-name: none; animation-name: none;">User Experience</h3>
            <p class="animated fadeInDown wow animated" style="visibility: hidden; -webkit-animation-name: none; animation-name: none;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
          </div>
        </div>
        <div class="col-md-3"> 
		<div class="service_icon icon2  delay-03s animated wow zoomIn animated" style="visibility: hidden; -webkit-animation-name: none; animation-name: none;"> <span><i class="fa fa-crosshairs"></i></span> </div> 
		<div class="service_block">
            <h3 class="animated fadeInUp wow animated" style="visibility: hidden; -webkit-animation-name: none; animation-name: none;">Designing</h3>
            <p class="animated fadeInDown wow animated" style="visibility: hidden; -webkit-animation-name: none; animation-name: none;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.  </p>
          </div>
        </div>
        <div class="col-md-3">
		<div class="service_icon icon3  delay-03s animated wow zoomIn animated" style="visibility: hidden; -webkit-animation-name: none; animation-name: none;"> <span><i class="fa fa-building-o "></i></span> </div>
          <div class="service_block">
            
            <h3 class="animated fadeInUp wow animated" style="visibility: hidden; -webkit-animation-name: none; animation-name: none;">Front-end</h3>
            <p class="animated fadeInDown wow animated" style="visibility: hidden; -webkit-animation-name: none; animation-name: none;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.  </p>
          </div>
        </div>
		  <div class="col-md-3">
		<div class="service_icon icon3  delay-03s animated wow zoomIn animated" style="visibility: hidden; -webkit-animation-name: none; animation-name: none;"> <span><i class="fa fa-twitter"></i></span> </div>
          <div class="service_block">
            
            <h3 class="animated fadeInUp wow animated" style="visibility: hidden; -webkit-animation-name: none; animation-name: none;">Mobile App</h3>
            <p class="animated fadeInDown wow animated" style="visibility: hidden; -webkit-animation-name: none; animation-name: none;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.  </p>
          </div>
        </div>
      </div> 
	 
    </div>
  </div>
</section>
<!--Service-->
 
<section id="techSkills">
<div class="container">
 <div class="row"> 
<div class="col-sm-6 col-md-6">
<h2>Technical Skills</h2>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. um dolor sit amet, consectetur Morbi sagittis, simply dummy text of the printing and typesetting industry. um dolor sit amet, consec sem quisci ipsu
</p>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. um dolor sit amet, consectetur Morbi. is, simply dummy text of the printing and typesetting industry. um dolor sit amet.  
</p>
</div>
<div class="col-sm-6 col-md-6">
	  
        <div class="progress">
            <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                <span class="sr-only">60% Complete</span>
            </div>
            <span class="progress-type">HTML / HTML5</span>
            <span class="progress-completed">60%</span>
        </div>
        <div class="progress">
            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                <span class="sr-only">40% Complete (success)</span>
            </div>
            <span class="progress-type">ASP.Net</span>
            <span class="progress-completed">40%</span>
        </div>
        <div class="progress">
            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
                <span class="sr-only">20% Complete (info)</span>
            </div>
            <span class="progress-type">Java</span>
            <span class="progress-completed">20%</span>
        </div>
        <div class="progress">
            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                <span class="sr-only">60% Complete (warning)</span>
            </div>
            <span class="progress-type">JavaScript / jQuery</span>
            <span class="progress-completed">60%</span>
        </div>
        <div class="progress">
            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
                <span class="sr-only">80% Complete (danger)</span>
            </div>
            <span class="progress-type">CSS / CSS3</span>
            <span class="progress-completed">80%</span>
        </div>
	</div>
	</div>

<div>
</div></div></section>

<!--Service-->
<section id="formation">
  <div class="container">
    <h2>Degrees</h2>
	<h6>Lorem ipsum dolor sit amet, consectetur Morbi sagittis, sem quisci ipsum</h6>
  </div>
</section>
<!--Service-->

<section id="formation_timeline">
<div class="container">
    <section id="news" class="white-bg padding-top-bottom">
    	<div class="container">
			<div class="timeline">
				<div class="date-title">
					<span>2015</span>
				</div>
				<div class="row">
					<div class="col-sm-6 news-item">
						<div class="news-content">
							<div class="date">
								<p>Oct</p> 
							</div>
							<h2 class="news-title">Facebook</h2> 
							<span>UI/UX Designer</span>
							<p>October 2013 – November 2013 (2 months)Menlo Park, CA, United States of America or one who avoids a pain that produces no resultant pleasure…</p>
							<a class="read-more" href="http://webthemez.com/demo/john-bootstrap-one-page-html5-free-resume-template/#">Read More</a>
						</div>
					</div>
					
					<div class="col-sm-6 news-item right">
						<div class="news-content">
							<div class="date">
								<p>Aug</p> 
							</div>
							<h2 class="news-title">Google</h2> 
							<span>UI/UX Designer</span>
							<p>October 2013 – November 2013 (2 months)Menlo Park, CA, United States of America or one who avoids a pain that produces no resultant pleasure…</p>
							<a class="read-more" href="http://webthemez.com/demo/john-bootstrap-one-page-html5-free-resume-template/#">Read More</a>
						</div>
					</div>
				</div>
				
				<div class="row">
					<div class="col-sm-6 news-item">
						<div class="news-content">
							<div class="date">
								<p>Apr</p> 
							</div>
							<h2 class="news-title">Microsoft</h2> 
							<span>UI/UX Designer</span> 
							<p>October 2013 – November 2013 (2 months)Menlo Park, CA, United States of America or one who avoids a pain that produces no resultant pleasure…</p>
							<a class="read-more" href="http://webthemez.com/demo/john-bootstrap-one-page-html5-free-resume-template/#">Read More</a>
						</div>
					</div>
					
					<div class="col-sm-6 news-item right">
						<div class="news-content">
							<div class="date">
								<p>Feb</p> 
							</div>
							<h2 class="news-title">Apple</h2> 
							<span>UI/UX Designer</span>
							<p>October 2013 – November 2013 (2 months)Menlo Park, CA, United States of America or one who avoids a pain that produces no resultant pleasure…</p>
							<a class="read-more" href="http://webthemez.com/demo/john-bootstrap-one-page-html5-free-resume-template/#">Read More</a>
						</div>
					</div>
				</div>
				
				<div class="date-title">
					<span>2013</span>
				</div>
				<div class="row">	
					<div class="col-sm-6 news-item">
						<div class="news-content">
							<div class="date">
								<p>Aug</p> 
							</div>
							<h2 class="news-title">Intell</h2> 
							<span>UI Designer</span>
							<p>October 2013 – November 2013 (2 months)Menlo Park, CA, United States of America or one who avoids a pain that.</p>
							<a class="read-more" href="http://webthemez.com/demo/john-bootstrap-one-page-html5-free-resume-template/#">Read More</a>
						</div>
					</div>
					
					<div class="col-sm-6 news-item right">
						<div class="news-content">
							<div class="date">
								<p>Jan</p> 
							</div>
							<h2 class="news-title">Amazon</h2> 
							<span>Designer</span>
							<p>October 2013 – November 2013 (2 months)Menlo Park, CA, United States of America or one who avoids a pain that produces.</p>
							<a class="read-more" href="http://webthemez.com/demo/john-bootstrap-one-page-html5-free-resume-template/#">Read More</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
</div>				                                                      
</section> 

<!--Service-->
<section id="profexperience">
  <div class="container">
    <h2>Professional Experience</h2>
	<h6>Lorem ipsum dolor sit amet, consectetur Morbi sagittis, sem quisci ipsum</h6>
  </div>
</section>
<!--Service-->

<section id="profexperience_timeline">
<div class="container">
    <section id="news" class="white-bg padding-top-bottom">
    	<div class="container">
			<div class="timeline">
				<div class="date-title">
					<span>2015</span>
				</div>
				<div class="row">
					<div class="col-sm-6 news-item">
						<div class="news-content">
							<div class="date">
								<p>Oct</p> 
							</div>
							<h2 class="news-title">Facebook</h2> 
							<span>UI/UX Designer</span>
							<p>October 2013 – November 2013 (2 months)Menlo Park, CA, United States of America or one who avoids a pain that produces no resultant pleasure…</p>
							<a class="read-more" href="http://webthemez.com/demo/john-bootstrap-one-page-html5-free-resume-template/#">Read More</a>
						</div>
					</div>
					
					<div class="col-sm-6 news-item right">
						<div class="news-content">
							<div class="date">
								<p>Aug</p> 
							</div>
							<h2 class="news-title">Google</h2> 
							<span>UI/UX Designer</span>
							<p>October 2013 – November 2013 (2 months)Menlo Park, CA, United States of America or one who avoids a pain that produces no resultant pleasure…</p>
							<a class="read-more" href="http://webthemez.com/demo/john-bootstrap-one-page-html5-free-resume-template/#">Read More</a>
						</div>
					</div>
				</div>
				
				<div class="row">
					<div class="col-sm-6 news-item">
						<div class="news-content">
							<div class="date">
								<p>Apr</p> 
							</div>
							<h2 class="news-title">Microsoft</h2> 
							<span>UI/UX Designer</span> 
							<p>October 2013 – November 2013 (2 months)Menlo Park, CA, United States of America or one who avoids a pain that produces no resultant pleasure…</p>
							<a class="read-more" href="http://webthemez.com/demo/john-bootstrap-one-page-html5-free-resume-template/#">Read More</a>
						</div>
					</div>
					
					<div class="col-sm-6 news-item right">
						<div class="news-content">
							<div class="date">
								<p>Feb</p> 
							</div>
							<h2 class="news-title">Apple</h2> 
							<span>UI/UX Designer</span>
							<p>October 2013 – November 2013 (2 months)Menlo Park, CA, United States of America or one who avoids a pain that produces no resultant pleasure…</p>
							<a class="read-more" href="http://webthemez.com/demo/john-bootstrap-one-page-html5-free-resume-template/#">Read More</a>
						</div>
					</div>
				</div>
				
				<div class="date-title">
					<span>2013</span>
				</div>
				<div class="row">	
					<div class="col-sm-6 news-item">
						<div class="news-content">
							<div class="date">
								<p>Aug</p> 
							</div>
							<h2 class="news-title">Intell</h2> 
							<span>UI Designer</span>
							<p>October 2013 – November 2013 (2 months)Menlo Park, CA, United States of America or one who avoids a pain that.</p>
							<a class="read-more" href="http://webthemez.com/demo/john-bootstrap-one-page-html5-free-resume-template/#">Read More</a>
						</div>
					</div>
					
					<div class="col-sm-6 news-item right">
						<div class="news-content">
							<div class="date">
								<p>Jan</p> 
							</div>
							<h2 class="news-title">Amazon</h2> 
							<span>Designer</span>
							<p>October 2013 – November 2013 (2 months)Menlo Park, CA, United States of America or one who avoids a pain that produces.</p>
							<a class="read-more" href="http://webthemez.com/demo/john-bootstrap-one-page-html5-free-resume-template/#">Read More</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
</div>				                                                      
</section> 
<!--Footer-->
<footer class="footer_wrapper" id="contact">
  <div class="container">
    <section class="page_section contact" id="contact">
      <div class="contact_section">
        <h2>Contact Me</h2>
     
      </div>
      <div class="row">
        <div class="col-lg-4 wow fadeInLeft animated" style="visibility: hidden; -webkit-animation-name: none; animation-name: none;">	
		 <div class="contact_info">
                            <div class="detail">
                                <h4>Address</h4>
                                <p>104, Some street, Paris, France</p>
                            </div>
                            <div class="detail">
                                <h4>call us</h4>
                                <p>0033 (0)6 27 87 61 25</p>
                            </div>
                            <div class="detail">
                                <h4>Email us</h4>
                                <p>xia.wu@co-things.com</p>
                            </div> 
                        </div>
                        
        <div class="col-lg-8 wow fadeInLeft delay-06s animated" style="visibility: hidden; -webkit-animation-name: none; animation-name: none;">
          <div class="form">
            <input class="input-text" type="text" name="" value="Your Name *" onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;">
            <input class="input-text" type="text" name="" value="Your E-mail *" onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;">
            <textarea class="input-text text-area" cols="0" rows="0" onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;">Your Message *</textarea>
            <input class="input-btn" type="submit" value="send message">
                <div id="socialmedia">
                      <li class="social" id="linkedin"><a href="http://localhost:8888/ResumeThemes/web_cv2/cn/#contact"><img src="./xia.wu.co-things.com_files/Ln_social.png" alt="Chinese" width="60" height="60"></a></li>
                      <li class="social" id="facebook"><a href="http://localhost:8888/ResumeThemes/web_cv2/cn/#contact"><img src="./xia.wu.co-things.com_files/fb_social.png" alt="French" width="60" height="60"></a></li>
                      <li class="social" id="twitter"><a href="http://localhost:8888/ResumeThemes/web_cv2/cn/#contact"><img src="./xia.wu.co-things.com_files/tw_social.png" alt="English" width="60" height="60"></a></li>
                      <li class="social" id="wechat"><a href="http://localhost:8888/ResumeThemes/web_cv2/cn/#contact"><img src="./xia.wu.co-things.com_files/wechat_social.png" alt="English" width="60" height="60"></a></li>
                      <li class="social" id="qq"><a href="http://localhost:8888/ResumeThemes/web_cv2/cn/#contact"><img src="./xia.wu.co-things.com_files/qq_social.png" alt="English" width="60" height="60"></a></li>
                      <li class="social" id="weibo"><a href="http://localhost:8888/ResumeThemes/web_cv2/cn/#contact"><img src="./xia.wu.co-things.com_files/weibo_social.png" alt="English" width="60" height="60"></a></li>
                </div>
          </div>
        </div>
      </div>
    </div></section>
  </div>
  <div class="container">
    <div class="footer_bottom"><span>Copyright © reserved by <a href="http://wuxia.co-things.com//">wuxia.co-things.com</a> </span> </div>
  </div>
</footer>

<script type="text/javascript" src="./xia.wu.co-things.com_files/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="./xia.wu.co-things.com_files/bootstrap.min(1).js"></script>
<script type="text/javascript" src="./xia.wu.co-things.com_files/jquery-scrolltofixed.js"></script>
<script type="text/javascript" src="./xia.wu.co-things.com_files/jquery.nav.js"></script> 
<script type="text/javascript" src="./xia.wu.co-things.com_files/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="./xia.wu.co-things.com_files/jquery.isotope.js"></script>
<script src="./xia.wu.co-things.com_files/jquery.fancybox.pack.js" type="text/javascript"></script> 
<script type="text/javascript" src="./xia.wu.co-things.com_files/wow.js"></script> 
<script type="text/javascript" src="./xia.wu.co-things.com_files/custom.js"></script>


</body></html>